body {
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #DDDDDD;
}

.participantInfo {
  font-size: 9px;
}

.participantInfo #nickname {
  color: #0000FF;
  font-size: 1.2em;

}

.participantInfo #rating {
  font-weight : bold;
}

.participantInfo div {
  display: inline;
}



#board {
  position: relative;
}

#moveHistory ol {
  width: 40px;
  text-align: right;
}

#moveHistory .colorWhite {
  background-color: #EEE;
  color: black;
  display: block;
  float: none;
}

#moveHistory .colorBlack {
  background-color: #333;
  color: white;
  display: block;
  float: none;
}

#moveHistory .colorWhite:hover {
  background-color: white;
  color: black;
}

#moveHistory .colorBlack:hover {
  background-color: black;
  color: white;
}

#moveHistory .moveViewed {
  border: 3px solid blue;
  font-size: 1.5em;

#moveHistory ol {
  list-style: none;
}

#moveHistoryButton button{
  font-size: 0.5em;
  text-align: right
}

#participants {
  font-size: 1.5em;
}

#viewerName {
  font-size: 0.5em;
}

#viewerRating {
  font-size: 0.3em;
}

#blackPlayerName {
  background-color: black;
  color: white;
  font-size: 0.5em;
}

#blackPlayerRating {
  background-color: black;
  color: white;
  font-size: 0.3em;
}


#whitePlayerName {
  background-color: white;
  color: black;
  font-size: 0.5em;
}

#whitePlayerRating {
  background-color: white;
  color: black;
  font-size: 0.3em;
}

